import { defineStore } from 'pinia'
import { ref } from 'vue'
// import { storage } from './storage.js'

export const useCounterStore = defineStore(
  'counter',
  () => {
    const count = ref(0)
    const msg = ref('hello')
    const obj = ref({ name: 'zs', age: 18, sex: '男' })

    const increment = () => count.value++
    const decrement = () => count.value--

    return { count, msg, obj, increment, decrement }
  },
  {
    // 会持久化所有的响应式数据（默认持久化至浏览器的localStorage）
    // persist: true,

    // 指定持久化的键路径（默认持久化至浏览器的localStorage）
    // persist: {
    //   paths: ['count', 'obj.name'],
    // },

    // 自定义存储器，实现 getItem 和 setItem 即可
    persist: {
      // key: 'my-custom-key-user',
      // storage,
      // 自定义storage后，还是支持指定持久化键路径的
      paths: ['count', 'obj.name'],
    },
  }
)
